/*
*转入界面确认页
*
*/
<style scoped lang="less">
.BuySure{
  width: 100%;
  height: 13.34rem;
  background: #f7f8fa;
  .message{
    font-size:0.23rem;
    line-height: 0.76rem;
    padding-left: 0.29rem;
    color: #333;
  }
  .cell{
    font-size: 0.26rem;
    color: #333;
  }
  .sure{
    line-height:0.88rem;
    width:6.9rem;
    margin-left: 0.3rem;
    margin-top: 0.49rem;
    background: #EC1B30;
    font-size: 0.3rem;
    border-radius: 0.06rem;
    color: white;
  }
}

</style>

<template>
  <div class="BuySure">
    <x-header :right-options="{showMore: true}" :left-options="{preventGoBack: true}" @on-click-back="back" @on-click-more="showMenus = true">购买确认</x-header>
    <p class="message">“芙蓉景程，汇得益”2018年03月</p>
    <group>
      <cell :title="item.item" :value="item.val" class="cell" v-for="(item, index) in returnMes" :key="index"></cell>
    </group>
    <x-button @click.native="sureToBuy" plain type="primary" class="sure">确认购买</x-button>
    <!-- <p @click="gotoDetail ('FinancialBuyResult')">跳转购买结果</p> -->
  </div>
</template>

<script>
// import Shift from './FinancialShift'

export default{
  data () {
    return {
      returnMes: [
        {item: '预期年化收益率', val: '5.12%'},
        {item: '投资期限', val: '42天'},
        {item: '币种', val: '美元'},
        {item: '是否保本', val: '否'},
        {item: '风险等级', val: '2级'},
        {item: '认购期', val: '2017-12-22至2018-10-10'},
        {item: '参考剩余额度', val: '300,000.00'},
        {item: '钞汇标志', val: '现汇'},
        {item: '付款账号', val: '6210 **** **** 047'},
        {item: '购买金额', val: '2,000.00'}
      ],
      repord: null,
      aaa: null,
      PrdName: null,
      PrdType: null,
      ExpectIncome: null,
      InvestmentExpires: null,
      RiskLevel: null,
      CapitalPrd: null,
      PayAccount: null,
      BuyAmt: null
    }
  },
  created () {
    this.PayAccount = this.$route.query.PayAccount
  },
  methods: {
    sureToBuy () {
      this.$router.push({name: 'FinancialBuyResult'})
    },
    back () {
      this.$router.isBack = true
      this.$router ? this.$router.back() : window.history.back()
      // console.log(this.$router.isBack)
    }
  }
}
</script>
